import React, { Component } from 'react'

// 因为当前的组件它不是路由规则匹配成功后直接渲染的组件，所以在它的this.props中就没有路由对象
// this.props中没有路由对象，则默认情况下，在此组件中就没有办法进行编程式导航

class Btn extends Component {
  render() {
    console.log('首页中子组件', this.props)
    return (
      <div>
        <button
          onClick={() => {
            this.props.history.push('/about')
          }}
        >
          去关于页
        </button>
      </div>
    )
  }
}

export default Btn
